import {
  Histogram,
  Promotion,
  Collection,
  Notebook
} from '@element-plus/icons-vue'
export const DocList = [
  {
    icon: Histogram,
    name: 'doc',
    title: '- 开发文档'
  },
  {
    icon: Promotion,
    name: 'npm',
    title: '- 依赖文档'
  },
  {
    icon: Notebook,
    name: 'website',
    title: '- 优秀网站'
  },
  {
    icon: Collection,
    name: 'resource',
    title: '- 资源查询'
  }
]

import chroma from 'chroma-js'
export const colors = chroma
  .cubehelix()
  .start(180)
  .rotations(-0.35)
  .gamma(0.6)
  .lightness([0.2, 0.8])
  .scale()
  .correctLightness()
  .colors(20)

// Outstanding Project Presentations
export const OPP = {
  doc: [
    {
      title: 'Vue3',
      icon: 'logos:vue',
      official: 'true',
      id: 'Vue3',
      link: 'https://cn.vuejs.org/',
      preview:'https://cn.vuejs.org/',
      descript: '渐进式 JavaScript-框架',
      detail: '易学易用、性能出色、适用场景丰富的 Web 前端框架',
      bgGrident: 'bgGrident'
    },
    {
      title: 'TypeScript',
      icon: 'devicon:typescript',
      official: 'true',
      id: 'TypeScript',
      link: 'https://typescript.bootcss.com/index.html',
      preview:'https://typescript.bootcss.com/index.html',
      descript: 'TypeScript 是微软公司注册商标。',
      detail: 'TypeScript具有类型系统，且是JavaScript的超集',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Vite',
      icon: 'devicon:vitejs',
      official: 'true',
      id: 'Vite',
      link: 'https://vitejs.cn/vite3-cn/',
      preview:'https://vitejs.cn/vite3-cn/',
      descript: 'Vite 下一代的前端工具链',
      detail: '极速的服务启动，轻量快速的热重载，优化的构建',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Pinia',
      icon: 'logos:pinia',
      official: 'true',
      id: 'Pinia',
      link: 'https://pinia.vuejs.org/zh/index.html',
      preview:'https://pinia.vuejs.org/zh/index.html',
      descript: 'Pinia 符合直觉的 Vue.js 状态管理库',
      detail: '类型安全、可扩展性以及模块化设计。\n甚至让你忘记正在使用的是一个状态库',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Vue-Router',
      icon: 'logos:vuetifyjs',
      official: 'true',
      id: 'Vue-Router',
      link: 'https://router.vuejs.org/zh/',
      preview:'https://router.vuejs.org/zh/',
      descript: 'Vue Router - Vue.js 的官方路由',
      detail: '为 Vue.js 提供富有表现力、可配置的、方便的路由',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Element-Plus',
      icon: 'logos:element',
      official: 'true',
      id: 'Element-Plus',
      link: 'https://element-plus.org/zh-CN/',
      preview:'https://element-plus.org/zh-CN/',
      descript: 'Vue3 UI 框架 | Element Plus',
      detail: '基于 Vue 3，面向设计师和开发者的组件库',
      bgGrident: 'bgGrident'
    }
  ],
  // https://iconify.design/docs/icon-components/vue/
  // 添加直达文档核心 - 待
  npm: [
    {
      title: 'iconify',
      icon: 'simple-icons:iconify',
      official: 'true',
      id: 'iconify',
      link: 'https://iconify.design/',
      preview:'https://icon-sets.iconify.design/',
      descript: 'iconify 图标Icon的无线自由',
      detail: '在这里几乎99.99%都可以找到，\n超过无法想象数量的图标库20,000',
      bgGrident: 'bgGrident'
    },
    {
      title: 'vite-svg-loader',
      icon: 'vscode-icons:file-type-svg',
      official: 'true',
      id: 'vite-svg-loader',
      link: 'https://www.viterc.cn/en/vite-svg-loader.html',
      preview:'https://www.viterc.cn/en/vite-svg-loader.html',
      descript: 'vite 加载svg文件',
      detail: 'el-image 引入svg 提供了可能，\n支持url、raw、component、skipsvgo多种模式',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Chroma.js',
      official: 'true',
      id: 'Chroma.js',
      link: 'https://skewb.gitee.io/chroma/',
      preview:'https://skewb.gitee.io/chroma/',
      descript: 'Chroma.js 极小且零依赖的 JavaScript 颜色库',
      detail: '用于各种颜色的转换和生成色标',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Animate',
      icon: 'devicon:css3',
      official: 'true',
      id: 'Animate',
      link: 'http://www.animate.net.cn/',
      preview:'https://www.dowebok.com/demo/2014/98/',
      descript: 'Animate 强大的跨平台的预设css3动画库',
      detail: '内置了很多典型的css3动画，兼容性好使用方便',
      bgGrident: 'bgGrident'
    },
    {
      title: 'picocolors',
      icon: 'logos:monday-icon',
      official: 'true',
      id: 'picocolors',
      link: 'https://www.npmjs.com/package/picocolors',
      preview:'https://github.com/alexeyraspopov/picocolors',
      descript: 'Replacing chalk',
      detail: '比 chalk 体积小 14 倍，速度快 2 倍',
      bgGrident: 'bgGrident'
    },
    {
      title: 'chalk',
      icon: 'logos:monday-icon',
      official: 'true',
      id: 'chalk',
      link: 'https://www.npmjs.com/package/chalk',
      preview:'https://www.npmjs.com/package/chalk',
      descript: 'Nodejs 控制台输出漂亮的颜色渐变信息',
      detail: '在控制台输出漂亮的颜色渐变信息',
      bgGrident: 'bgGrident'
    },
    {
      title: 'gradient-string',
      icon: 'logos:monday-icon',
      official: 'true',
      id: 'gradient-string',
      link: 'https://github.com/bokub/gradient-string',
      preview:'https://reports.org.cn/plugin-using/gradient-string/summary',
      descript: 'Nodejs 控制台输出漂亮的颜色渐变信息',
      detail: '在控制台输出漂亮的颜色渐变信息',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Dayjs',
      icon: 'fluent-emoji-flat:tear-off-calendar',
      official: 'true',
      id: 'Dayjs',
      link: 'https://dayjs.fenxianglu.cn/',
      preview:'https://dayjs.fenxianglu.cn/category/',
      descript: 'Day.js 是一个极简的JavaScript库',
      detail: '可以为现代浏览器解析、验证、操作和显示日期和时间',
      bgGrident: 'bgGrident'
    },
    // Original documentation: https://code.google.com/archive/p/crypto-js/
    {
      title: 'CryptoJS',
      icon: 'vscode-icons:file-type-nest-adapter-js',
      official: 'true',
      id: 'CryptoJS',
      link: 'https://cryptojs.gitbook.io/docs/',
      preview:'https://cryptojs.gitbook.io/docs/',
      descript: 'CryptoJS JavaScript实现标准和安全的加密算法',
      detail: '最佳实践和模式在JavaScript中实现的标准和安全加密算法',
      bgGrident: 'bgGrident'
    },
  ],
  website: [
    // https://yiming_chang.gitee.io/pure-admin-doc/
    {
      title: 'Pure-Admin',
      icon: 'lets-icons:fire-duotone-fill',
      iconColor: '#004cff',
      official: 'true',
      id: 'Pure-Admin',
      link: 'https://yiming_chang.gitee.io/pure-admin-doc/',
      preview:'https://yiming_chang.gitee.io/vue-pure-admin/#/welcome',
      descript: 'Pure Admin',
      detail: '一款开源完全免费且开箱即用的中后台管理系统模版',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Vue3Site',
      icon: 'game-icons:pirate-flag',
      iconColor: '#004cff',
      official: 'true',
      id: 'Vue3Site',
      link: 'https://vue3js.cn/',
      preview:'https://vue3js.cn/',
      descript: 'Vue3 One Piece',
      detail: '资源网站',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Vue2源码解析',
      icon: 'game-icons:pirate-flag',
      iconColor: '#004cff',
      official: 'true',
      id: 'Vue2源码系列',
      link: 'https://vue-js.com/learn-vue/',
      preview:'https://vue-js.com/learn-vue/',
      descript: '逐行剖析 Vue.js 源码',
      detail: '九大模块，逐个击破',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Vue3源码解析',
      icon: 'game-icons:pirate-flag',
      iconColor: '#004cff',
      official: 'true',
      id: 'Vue3源码解析',
      link: 'https://vue3js.cn/',
      preview:'https://vue3js.cn/',
      descript: 'Vue3 One Piece',
      detail: '更快，更轻，易维护，更多的原生支持',
      bgGrident: 'bgGrident'
    },
  ],
  resource: [
    {
      title: 'gitmoji',
      icon: 'mdi:emoji-wink-outline',
      iconColor: '#28cc9b',
      official: 'true',
      id: 'gitmoji',
      // link: 'https://gitmoji.dev/',
      preview:'https://gitmoji.dev/',
      descript: 'Gitmoji',
      detail: 'An emoji guide for your commit messages',
      bgGrident: 'bgGrident'
    },
    {
      title: 'Shields.io',
      icon: 'simple-icons:shieldsdotio',
      iconColor: '#28cc9b',
      official: 'true',
      id: 'Shields.io',
      preview:'https://gitmoji.dev/',
      descript: 'Shields.io',
      detail: 'Concise, consistent, and legible badges',
      bgGrident: 'bgGrident'
    },
  ]
}